border-1px($color)
  position: relative
  &:after
    content: ''
    display: block
    position: absolute
    right: 0
    bottom: 0
    width: 1px
    height: 100%
    border-right: 1px solid $color
  &:before
    content: ''
    display: block
    position: absolute
    left: 0
    bottom: 0
    width: 1px
    height: 100%
    border-left: 1px solid $color
border-right-1px($color)
  position: relative
  &:after
    content: ''
    display: block
    position: absolute
    right: 0
    bottom: 0
    width: 1px
    height: 100%
    border-right: 1px solid $color
border-left-1px($color)
  position: relative
  &:before
    content: ''
    display: block
    position: absolute
    left: 0
    bottom: 0
    width: 1px
    height: 100%
    border-left: 1px solid $color
border-bottom-1px($color)
  position: relative
  &:after
    content: ''
    display: block
    position: absolute
    left: 0
    bottom: 0
    width: 100%
    height: 1px
    border-bottom: 1px solid $color
border-top-1px($color)
  position: relative
  &:before
    content: ''
    display: block
    position: absolute
    left: 0
    top: 0
    width: 100%
    height: 1px
    border-top: 1px solid $color

bg-image($url)
  background-image: url($url+'@2x.png')
  background-repeat: no-repeat
  background-size: 100% 100%
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    background-image: url($url+'@3x.png')
    background-repeat: no-repeat
    background-size: 100% 100%

bg-img($url)
  background-image: url($url+'@2x.jpg')
  background-repeat: no-repeat
  background-size: 100% 100%
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    background-image: url($url+'@3x.jpg')
    background-repeat: no-repeat
    background-size: 100% 100%
